import {
	Row,
	Col,
	Form,
	Input,
	Modal,
} from 'antd';

const FormItem = Form.Item;


//新增表单
const CreateForm = Form.create()(props => {
const { modalVisible, form, handleAdd, handleModalVisible,addOrganTreeInfo } = props;
const okHandle = () => {
    form.validateFields((err, fieldsValue) => {
        if (err) return;
	    form.resetFields();
	    handleAdd(addOrganTreeInfo,fieldsValue);
	});
};
return (
    <Modal
width={800}
height={800}
destroyOnClose
title="新增"
visible={modalVisible}
onOk={okHandle}
onCancel={() => handleModalVisible()}
>
<Form  layout="vertical">

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

        <Col  md={12} sm={24}>
        <FormItem  label="机构名称">
            {form.getFieldDecorator('title', {
            rules: [{ required: true, message: '请输入机构名称！', min: 1 }],
            })(<Input placeholder="请输入" />)}
        </FormItem>
        </Col>



        <Col  md={12} sm={24}>
        <FormItem  label="机构代码">
            {form.getFieldDecorator('org_code', {
            rules: [{ required: true, message: '请输入机构代码！', min: 1 }],
            })(<Input placeholder="请输入" />)}
        </FormItem>
        </Col>



    </Row>

</Form>
</Modal>
);
});

export default CreateForm;